<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>   
<jsp:include page="/common/commonjs.jsp"></jsp:include>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="register.js"></script>
<title>家庭管理注册</title>
</head>

<body>
<!--  
<form>
<table align="center">
	<tr>
		<td>用户注册</td>
		<td>&nbsp;</td>
		<td align="right">请注意：带有<span style="color:red">*</span>的项目必须填写</td>
	</tr>
	<tr>
		<td align="right">您想要的用户名：<span style="color:red">*</span></td>
		<td><input type="text" id="name"/></td>
		<td><div id="nameMess"></div></td>
	</tr>
	<tr>
		<td align="right">您的性别：<span style="color:red">*</span></td>
		<td>
			<input type="radio" name="sex" value="1" checked="checked">男
			<input type="radio" name="sex" value="0">女
		</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td align="right">您来自：<span style="color:red">*</span></td>
		<td>
			<select id="province">  
		   		<option>请选择省份</option>  
			</select>  
			<select id="city">  
			    <option>请选择城市</option>  
			</select>  
		</td>
		<td><div id="addressMess"></div></td>
	</tr>
	<tr>
		<td align="right">提示问题：<span style="color:red">*</span></td>
		<td>
			<select  id="safequestion">
				<option selected="selected" value="title">==请选择提示问题==</option>
				<option value="你初中同桌的名字？">你初中同桌的名字？</option>
				<option value="您就读的第一所学校的名称？">您就读的第一所学校的名称？</option>
				<option value="您第一次亲吻的对象是谁？">您第一次亲吻的对象是谁？</option>
				<option value="少年时代心目中的英雄是谁？">少年时代心目中的英雄是谁？</option>
				<option value="您最喜欢的休闲运动是什么？">您最喜欢的休闲运动是什么？</option>
				<option value="您最喜欢哪支运动队？">您最喜欢哪支运动队？</option>
				<option value="您最喜欢的运动员是谁？">您最喜欢的运动员是谁？</option>
				<option value="高中的校训是什么？">高中的校训是什么？</option>
				<option value="您的第一辆汽车或自行车是什么牌子的？">您的第一辆汽车或自行车是什么牌子的？</option>
			</select>
		</td>
		<td><div id="questionMess"></div></td>
	</tr>
	<tr>
		<td align="right">答案：<span style="color:red">*</span></td>
		<td>
			<input type="text"  id="saferesult"/>
		</td>
		<td><div id="saferesultMess"></div></td>
	</tr>
	<tr>
		<td align="right">电子邮件地址：<span style="color:red">*</span></td>
		<td>
			<input type="text" id="email" value="">
		</td>
		<td><div id="emailMess"></div></td>
	</tr>
	<tr>
		<td align="right">设置密码：<span style="color:red">*</span></td>
		<td>
			<input type="password" id="passwd" value="">
		</td>
		<td><div id="passwdMess"></div></td>
	</tr>
	<tr>
		<td align="right">再次输入密码：<span style="color:red">*</span></td>
		<td>
			<input type="password" id="passconfirm">
		</td>
		<td><div id="passconfirmMess"></div></td>
	</tr>
	<tr>
		<td align="right">验证码：<span style="color:red">*</span></td>
		<td>
			<input type="text" id="random"  maxlength="6" onblur="validataNum()"/><img src="random.action" onclick="changeValidateCode(this)"/>  
		</td>
		<td><div id="randomMess"></div></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="button" value="注册"  onclick="check()"/></td>
		<td></td>
	</tr>
</table>
</form>
-->

</body>
<!-- 
<script type="text/javascript">
	  var random_number
	  jQuery(document).ready(function(){  
        //加载省信息  
        jQuery.post(  
        "json/json-array-of-province.json",  
        function(data_p){  
            for(var i=0;i<data_p.province.length;i++){  
                jQuery("#province").append('<option value='+data_p.province[i].code+'>'+data_p.province[i].name+'</option>');  
            }  
        },  
        "json"  
        );  
        //当省改变的时候加载城市信息  
        jQuery("#province").change(function(){  
            jQuery("#city").html("");  
            jQuery.post(  
            "json/json-array-of-city.json",  
            function(data_c){  
                for(var j=0;j<data_c.city.length;j++){  
                    var provinceNum = jQuery("#province").val();  
                    if (provinceNum.substring(0, 2) == data_c.city[j].code.substring(0, 2)){  
                        jQuery("#city").append('<option value='+data_c.city[j].code+'>'+data_c.city[j].name+'</option>');  
                    }  
                      
                }  
            },  
            "json"  
            );  
        });  
    }
    );  
	 function changeValidateCode(obj) {  
           //获取当前的时间作为参数，无具体意义  
        var timenow = new Date().getTime();  
           //每次请求需要一个不同的参数，否则可能会返回同样的验证码  
        //这和浏览器的缓存机制有关系，也可以把页面设置为不缓存，这样就不用这个参数了。  
        obj.src="random.action?d="+timenow;  
    } 
	
	  //获得随机值
	/*
	 function validateRandom(){
		Ext.Ajax.request({
			url:"number.action",
			params:{random:Ext.getDom("random").value},
			success:okFn
		});
		//alert(random_number);
	 }
	  */
	 //点击注册时进行验证，通过则提交，否则则提示错误信息
	 function check(){
		 var flag = true;
		 //检查用户名项
		 var v_name = jQuery("#name").val();
		 if(v_name == '' || v_name == null){
			 jQuery("#nameMess").html("<font color='red'>请输入用户名称!</font>")
			 flag = false;
		 }else{
			  jQuery("#nameMess").html("")
		 }
		 //检查省市信息
		 var v_province = jQuery("#province option:selected").text();
		 var v_city = jQuery("#city option:selected").text();
		 if(v_province == '请选择省份'||v_city == '请选择城市'){
			 jQuery("#addressMess").html("<font color='red'>请输入正确的省份和城市!</font>");
			 flag = false;
		 }else{
			  jQuery("#addressMess").html("");
		 }
		 //检查安全提示问题
		 var v_question = jQuery("#safequestion option:selected").val();
		 if(v_question == 'title'){
			 jQuery("#questionMess").html("<font color='red'>请选择提示问题!</font>");
			 flag = false;
		 }else{
			 jQuery("#questionMess").html("");
		 }
		 //检查答案
		 var v_result = jQuery("#saferesult").val();
		 if(v_result == '' || v_result.length < 3){
			 jQuery("#saferesultMess").html("<font color='red'>请输入提示问题答案,并且长度不能少于3位!</font>");
			 flag = false;
		 }else{
			 jQuery("#saferesultMess").html("");
		 }
		 //检查email地址
		 var pattern = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
		 var v_email = jQuery("#email").val();
		 if(v_email == ''){
			 jQuery("#emailMess").html("<font color='red'>Email地址不能为空!</font>");
			 flag = false;
		 }else if(!pattern.test(v_email)){
			  jQuery("#emailMess").html("<font color='red'>请输入正确的Email地址!</font>");
			  jQuery("#emailMess").val("");
			  flag = false;
		 }else{
			  jQuery("#emailMess").html("");
		 }
		 //检查密码
		 var v_passwd = jQuery("#passwd").val();
		 var v_passwdconfirm = jQuery("#passconfirm").val();
		 if(v_passwd == '' || v_passwd.length < 6){
			 jQuery("#passwdMess").html("<font color='red'>密码不能为空,并且长度不能少于6位!</font>");
			 flag = false;
		 }else if(v_passwd != v_passwdconfirm){
			 jQuery("#passconfirmMess").html("<font color='red'>确认密码与密码不符,请检查!</font>");
			 flag = false;
		 }else{
			  jQuery("#passwdMess").html("");
			  jQuery("#passconfirmMess").html("");
		 }
		 //对验证码的检查
		 var v_random = jQuery("#random").val();
		 if(v_random == ''){
			 jQuery("#randomMess").html("<font color='red'>请输入注册码!</font>");
			 flag = false;
		 }else{
			 Ext.Ajax.request({
			    url:"number.action",
				params:{random:Ext.getDom("random").value},
				success:function(obj){
					var _value = obj.responseText;
					if(_value == 'fail'){
						jQuery("#randomMess").html("<font color='red'>请输入正确的验证码!</font>");
						flag = false;
					}else{
						jQuery("#randomMess").html("");
					}
				}
			});
		 }
		 if(flag){
			 alert("提交");
		 }else{
			alert("失败了");	 
		 }
		 }
	  function validataNum(){		 
		   Ext.Ajax.request({
			    url:"number.action",
				params:{random:Ext.getDom("random").value},
				success:function(obj){
					var _value = obj.responseText;
					if(_value == 'fail'){
						jQuery("#randomMess").html("<font color='red'>请输入正确的验证码!</font>");
						flag = false;
					}else{
						jQuery("#randomMess").html("");
						 alert("dfdjfk");
					}
				}
			});
	  }
</script>
 -->
</html>